<template>
	<div class="store-detail-pic-lists">
		<div class="top">
			<goback></goback>门店图片
		</div>
		<ul class="list">
			<li v-for='list in picList' track-by="$index"><img :src="list"></li>
		</ul>
	</div>
	
</template>
<script>
	import goback from '../common/goback';
	export default {
		data(){
			return {
				picList:[
				'/static/img/store-pic01.0485d1a.png',
				'/static/img/store-pic01.0485d1a.png',
				'/static/img/store-pic01.0485d1a.png',
				'/static/img/store-pic01.0485d1a.png',
				'/static/img/store-pic01.0485d1a.png',
				'/static/img/store-pic01.0485d1a.png',
				'/static/img/store-pic01.0485d1a.png'
				]
			}
		},
		components: {
				goback
			}
	}
</script>
<style lang="scss">
@import "../../assets/css/_functions.scss";	
@import "../../assets/css/_variables.scss";	
.store-detail-pic-lists{
	.list{
		li{
			margin-right: rem(15);
			float: left;
			img{
				width:rem(180);
				height: rem(120);
			}
		}
		li:nth-child(2n){
			margin: 0;
		}
	}
	.top{
		width: rem(375);
		height: rem(46);
		position: relative;
		text-align: center;
		line-height: rem(46);
		font-size:rem(17);
		color:#030303;
		text-align:center;
		.goback{
			background:none;
			color: #666;
		}
	}
}
	
</style>